<template>
  <div id="userLayout" :class="['user-layout-wrapper']">
    <div class="container">
      <route-view></route-view>
    </div>
    <!-- <div class="el-login-footer">
      <span
        >Copyright © 2018-2023 设备资产全生命周期管理平台 All Rights
        Reserved.</span
      >
      |
      <a href="https://www.baidu.com" target="_blank"> 鲁ICP备10号-3</a>
    </div> -->
  </div>
</template>

<script>
import RouteView from "./RouteView";
import { baseMixin } from "@/store/app-mixin";
export default {
  name: "UserLayout",
  components: { RouteView },
  mixins: [baseMixin],
  data() {
    return {
      containerStyle: {
        // backgroundImage: "url(/login-background.png)",
        backgroundImage: "url(/login_bg.png)",
        // backgroundImage: 'url(' + require('@/assets/image/login-background.png') + ')',
        backgroundRepeat: "no-repeat",
        backgroundSize: "100% 100%",
        backgroundSize: "cover",
      },
      title: "",
      copyRightInfo: "",
    };
  },
  mounted() {
    document.body.classList.add("userLayout");
  },
  beforeDestroy() {
    document.body.classList.remove("userLayout");
  },
};
</script>

<style lang="less" scoped>
#userLayout.user-layout-wrapper {
  height: 100%;
  &.mobile {
    .container {
      .main {
        max-width: 368px;
        width: 98%;
      }
    }
  }
  .container {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    min-height: 100%;
    background-size: 100%;
    flex-direction: column;
    justify-content: flex-start;
  }
}
.el-login-footer {
  height: 40px;
  line-height: 40px;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: Arial;
  font-size: 12px;
  letter-spacing: 1px;
}
</style>
